<!doctype html>
<html ng-app='expanderModule'>
<meta charset="utf-8"/>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script src="test/angular.js"></script>
    <style>
        .expander {
            border: 1px solid black;
            width: 250px;
        }

        .expander > .title {
            background-color: black;
            color: white;
            padding: .1em .3em;
            cursor: pointer;
        }

        .expander > .body {
            padding: .1em .3em;
        }
    </style>
</head>
<body>
<div ng-controller='SomeController'>
    <expander class='expander' expander-title='title'>
        {{text}}
    </expander>
</div>
<br>
<hr>
<div ng-controller="Ctrl">
    <input ng-model="title">
    <br>
    <textarea ng-model="text"></textarea>
    <br/>
    <pane title="{{title}}">{{text}}</pane>
</div>
</body>
<script src="test/ExpanderSimple.js"></script>
</html>